<template>
  <div class="fty-box">
    <PageTitle :hasHr="false">
      {{ $t('system.log.log') }}
    </PageTitle>
    <el-tabs v-model="activeName" @tab-click="handleClickTab">
      <el-tab-pane :label="$t('system.log.toms_log')" name="first">
        <common-log/>
      </el-tab-pane>
      <el-tab-pane :label="$t('system.log.authorization_log')" name="second">
        <authorization-log/>
      </el-tab-pane>
    </el-tabs>


  </div>
</template>

<script>
import PageTitle from '@/components/PageTitle/index.vue'
import CommonLog from './common-log.vue'
import AuthorizationLog from './authorization-log.vue'


export default {
  components: {
    PageTitle,
    CommonLog,
    AuthorizationLog
  },
 
  data() {
    return {
      activeName: 'first',
    }
  },
  active(){
   
  },
  mounted() {

  },
  methods: {
    handleClickTab(tab, event) {
      if (tab.name === 'first' || tab.name === 'second' || tab.name === 'fourth') {
        this.showGrid = false
      } else {
        this.showGrid = true
      }
    },

  }
}
</script>



<style lang="scss" scoped>
  .query-button {
    margin-left: 30px;
  }
  .svg-container {
    cursor: pointer;
    margin-top: 6px;
    margin-left: 20px;
    font-size: 24px;
    display: inline-block;
  }

  .pagination-wrapper {
    text-align: right;
  }
</style>
